<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8"/>
</head>
<body>
<div id="mainLayout" class="xy-layout">
    <div class="xy-layout-north" id="mainNorth" data-options="border:false,height:60" style="overflow: hidden">
        <div class="layui-layout layui-layout-admin">
            <div class="layui-header">
                <!--头部左侧logo设置-->
                <div class="layui-logo">用户管理中心</div>
                <!-- 头部区域中部（可配合layui已有的水平导航） -->
                <ul class="layui-nav layui-layout-left" id="topNav"></ul>
                <!--头部区域右侧-->
                <ul class="layui-nav layui-layout-right">
                    <li class="layui-nav-item">
                        <a href="javascript:;">
                            <img src="../static/images/img0.jpg" th:src="@{/images/img0.jpg}" class="layui-nav-img"/>贤心
                        </a>
                        <dl class="layui-nav-child">
                            <dd><a href="">基本资料</a></dd>
                            <dd><a href="">安全设置</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item"><a href="">退出</a></li>
                </ul>
                <!--头部区域右侧结束-->
            </div>
        </div>
    </div>
    <div class="xy-layout-west" data-options="border:false,split:true,width:200,minWidth:200,maxWidth:500"
         style="background-color: #393D49">
        <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
        <ul class="layui-nav layui-nav-tree" lay-filter="test" id="leftNav"></ul>
    </div>
    <div class="xy-layout-center" data-options="border:false">
        <!-- 内容主体区域 -->
        <div class="layui-tab layui-tab-brief" lay-filter="demo" lay-allowclose="true" style="margin:0;">
            <ul class="layui-tab-title">
                <li class="layui-this" lay-id="11">系统首页</li>
            </ul>
            <div class="layui-tab-content"
                 style="position: absolute; width: 100%;top: 41px; bottom: 0px; left: 0px; ">
                <div class="layui-tab-item layui-show">首页内容</div>
            </div>
        </div>

    </div>
    <div class="xy-layout-south" data-options="border:false,height:44">

        <div style="background-color: #eee;padding-left:50px;height:100%;line-height:44px">
            <!-- 底部固定区域 -->
            © layui.com - 底部固定区域

        </div>
    </div>
</div>
</body>
<div th:replace="base::baseHead"></div>
<script type="text/javascript" src="../static/js/accordion.js" th:src="@{/js/accordion.js}"></script>
<script type="text/javascript" th:src="@{/js/createTab.js}" src="../static/js/createTab.js"></script>
<script type="text/javascript">
    $(function ($) {
        layout.initLayout("#mainLayout", {fit: true})
    })
    layui.use(['element'], function () {
        var element = layui.element;

    })
</script>
</html>